<template>
  <div>
    <div class="container">

		<p style="margin-top:5rem;font-size:16px;">NEW INFO</p>

    <img style="margin-top:5rem;width:100%;" src="../../static/img/news/news-1.jpg" alt="">  
    <div style="margin-top:1rem;text-align:left">
      <p>HATCHDO . BUISNESS  22 MAY,2020</p>
      <p style="font-size:14px">SHANGHAIFACINGTRADE CHALLENGES FROM OTHER AREAS．</p>
      <p>“We select ingredients with care and take no shortcuts when developing our products. And Retinol 8 helps us keep the ingredient count low.”</p>
    </div>
    <img style="margin-top:5rem;width:100%;" src="../../static/img/news/news-2.jpg" alt="">  
    <div style="margin-top:1rem;text-align:left">
      <p>HATCHDO . BUISNESS  22 MAY,2020</p>
      <p style="font-size:14px">SHANGHAIFACINGTRADE CHALLENGES FROM OTHER AREAS．</p>
      <p>“We select ingredients with care and take no shortcuts when developing our products. And Retinol 8 helps us keep the ingredient count low.”</p>
    </div>
    <img style="margin-top:5rem;width:100%;" src="../../static/img/news/news-3.jpg" alt="">  
    <div style="margin-top:1rem;text-align:left">
      <p>HATCHDO . BUISNESS  22 MAY,2020</p>
      <p style="font-size:14px">SHANGHAIFACINGTRADE CHALLENGES FROM OTHER AREAS．</p>
      <p>“We select ingredients with care and take no shortcuts when developing our products. And Retinol 8 helps us keep the ingredient count low.”</p>
    </div>

    <br><br><br>

    <p style="margin: 5rem 0;"> <span> <router-link style="color: #6b8e87;" :to="{ path: '/', query: {}}">← BACK TO HOME</router-link></span></p> 

    </div>
    <!-- foot -->
    <Footer/>

  </div>
</template>

<script>
import Footer from '../components/Footer.vue'

export default {
  components: {
    Footer
  },
  data () {
    return {
      form: {"username":"","password":"","gvcode":"","smscode":""},
      lslogin: 0,
      token: '',
      userinfo: {},
      nowIndex: [],
      moreIndex: []
    }
  },
  created() {
    window.scrollTo(0,0);
  },
  methods: {
    toTop() {
      window.scrollTo(0,0);
    },
    loginout() {
      localStorage.removeItem('token')
      // go(0)有兼容问题
      // this.$router.go(0)
      location.reload()
    },
    go () {
      this.$router.push('/moreindex')
    },
    openurl(url) {
      window.open(url+'?track=07ge.com')
    },
  // 注册
  getSite() {
    // this.$axios.get('/website/siteList').then(({status,data})=>{
    //     if(status===200){
    //       if(data&&data.code === 1){
    //         console.log('this.middleList', data.data.favorite)
    //         this.middleList = data.data.favorite
    //       } else if(data&&data.code === 0) {
    //         this.middleList = data.data
    //       } else {
    //       }
    //     }else{
    //       this.error=`服务器出错`
    //     }
    //   })
    }
  }  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
h1, h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  /* color: #42b983; */
  text-decoration:none
}
.card {
   height:170px;
   margin-bottom:2rem;
   .card-body {
     .des {
      //  height:25px;
       font-size: 10px;
       color: #bbb;
       margin: 20px 0;
     }
     .com {
       font-size: 10px;
      //  margin: 10px;
     }
   }
}
.nav-link.active {
  background-color: #409eff;
}
.logo {
  margin-top: 8rem;
  width:40%;
  max-width:300px
}

.navcu {
  padding-top: 5rem;
}

.navcu>p>span {
  /* background-color: #6b8e87; */
  color: #6b8e87;
  padding: 0.5rem 1rem;
}
.navcu>p>span>a {
  font-size: 14px;
  color: #6b8e87;
  border-bottom: 1px solid #6b8e87;
  padding-bottom: 3px;
}
.des {
  color: #888;
  font-size: 12px;
}
.arrow {
  margin-top: 8rem;
  width: 1.5rem;
  max-width:300px
}
.fl {
  display: flex;
  align-items: center;
  p {
    flex: 1;
  }
}
.imgG{
  width:80%;
  max-width:300px;
}
.imgA{
  width:45%;
  max-width:300px;
}
.imgB{
  padding-top: 4rem;
  width:30%;
  max-width:150px;
}
.nav2 {
  padding-top: 3rem;
}

.nav2>p>span {
  background-color: #6b8e87;
  color: #fff;
  padding: 0.5rem 1rem;
}
.nav2>p>span>a {
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
}
.join{
  margin: 1rem 0;
  padding: 10%;
  font-size: 14px;
  color: #6b8e87;
}
</style>
